<template>
  <div>
    <h1>使用同一过滤器处理粉丝数量</h1>
    国<strong>内</strong>网站粉丝数量:{{fans | newFans(10000)}}万
    <br>
    国<strong>外</strong>网站粉丝数量:{{fans | newFans(1000)}}千
    <h1>使用同一过滤器处理时间戳</h1>
    时间:{{time | newTime('-')}}
    <br>
    时间:{{time | newTime('/')}}
  </div>
</template>

<script>
export default {
  data () {
    return {
      fans: 1876986,
      time: 1636450540055
    }
  },

  created () {

  },

  methods: {

  },

  filters: {
    // 过滤器中，通过第一个参数，拿到data中的数据
    newFans: function (val, num) {
      return val / num
    },
    newTime: (val, str) => {
      const newD = new Date(val)
      const y = newD.getFullYear()
      const m = (newD.getMonth() + 1).toString().padStart(2, '0')
      const d = (newD.getDate()).toString().padStart(2, '0')
      return `${y}${str}${m}${str}${d}`
    }
  }
}
</script>

<style scoped lang='less'>

</style>
